.pic-lists{
    display: flex;
    /* 弹性布局 */
    justify-content: space-around ;
    /* justify-content   属性定义了项目在水平轴上的对齐方式
    flex-start(默认值)：左对齐
    flex-end：右对齐
    center：居中
    space-between：两端对齐，项目之间的间隔相等
    space-around：两端留间隔，每个项目两侧的间隔相等 */
    flex-wrap:wrap;
    /* nowrap不换行 | wrap换行 | wrap-reverse反向换行 */
}

.pic-list{
    text-align: center;
    margin: 20px;
    flex-grow: 1 ;
    /* flex-grow：按照权重分配剩余空间进行等比例放大 */

}
.pic-list img{
    width: 100%;
}
.pic-title{
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
}